<!--
 * @Author: your name
 * @Date: 2021-06-07 21:20:39
 * @LastEditTime: 2021-06-08 20:39:44
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \jz_ui\src\pages\cms\OrderDital.vue
-->
<template>
    <div >
        <el-table :data="orders" size="small">
        <el-table-column prop="id" label="编号"></el-table-column>
        <el-table-column prop="orderTime" label="下单时间"></el-table-column>
        <el-table-column prop="total" label="总价"></el-table-column>
        <el-table-column prop="status" label="状态"></el-table-column>
        <el-table-column prop="customerId" label="顾客ID"></el-table-column>
        </el-table>
        <el-table :data="order.baseUser" size="small">
        <el-table-column prop="username" label="账户名称"></el-table-column>
        <el-table-column prop="realname" label="姓名"></el-table-column>
        <el-table-column prop="telephone" label="电话"></el-table-column>
        </el-table>
         <el-table :data="orders.address" size="small">
        <el-table-column prop="username" label="姓名"></el-table-column>
        <el-table-column prop="telephone" label="电话"></el-table-column>
        <el-table-column prop="province" label="省份"></el-table-column>
        <el-table-column prop="city" label="城市"></el-table-column>
        <el-table-column prop="area" label="地区"></el-table-column>
        <el-table-column prop="province" label="省份"></el-table-column>
        <el-table-column prop="address" label="详细地址"></el-table-column>
      </el-table>
    
    </div>
</template>
<script>
import {get} from '@/utils/request'
export default {
    data(){
        return {
        orders:{},
        param:{
            id:1034,
        }
        }
    },
    created(){
        this.selectCascade(id)
        console.log(this.$route.param)
    },
    methods:{
        selectCascade(id){
            let url = "/order/selectCascade"
            get(url,id).then(resp => {
                this.orders = arr;
            })
        },
    }
}
</script>